.content {
  box-sizing: border-box;
  padding: 20px 0 50px 0;
  border-top: 3px solid #ff8000;
  background-color: #fff;
  .box {
    width: 1200px;
    margin: 0 auto;
    .cartTableHead {
      box-sizing: border-box;
      height: 36px;
      margin-bottom: 10px;
      padding: 10px 0;
      border: 1px solid #e1e1e1;
      .headText {
        float: left;
        height: 14px;
        line-height: 14px;
        font-size: 12px;
        color: #666;
        .checkbox {
          float: left;
          margin-left: 12px;
        }
        .text {
          float: left;
          margin-left: 10px;
        }
      }
      .goodsInfo {
        text-align: center;
      }
    }
    .cartTableBody {
      margin-bottom: 20px;
      .storeGoodsGroup {
        .storeName {
          box-sizing: border-box;
          height: 44px;
          padding: 15px 10px;
          .checkbox {
            float: left;
            margin-left: 3px;
          }
          .text {
            float: left;
            display: inline-block;
            height: 14px;
            margin-left: 10px;
            line-height: 14px;
            font-size: 12px;
            color: #333;
          }
        }
        .storeGoodsList {
          border-top: 1px solid #e1e1e1;
          .goodsItem {
            box-sizing: border-box;
            height: 126px;
            margin: 0;
            padding: 20px 0 25px;
            border: 1px solid #e1e1e1;
            border-top: none;
            li {
              float: left;
              height: 100%;
              font-size: 12px;
              .checkbox {
                margin-left: 35px;
              }
              .goodsImg {
                float: left;
                position: relative;
                width: 80px;
                height: 80px;
                margin-right: 15px;
                border: 1px solid #e1e1e1;
                .tipMask {
                  position: absolute;
                  top: 0;
                  left: 0;
                  width: 100%;
                  height: 100%;
                  background-color: #000;
                  opacity: 0.5;
                }
                .tip {
                  position: absolute;
                  top: 0;
                  left: 0;
                  width: 100%;
                  height: 100%;
                  line-height: 80px;
                  text-align: center;
                  font-size: 14px;
                  color: #fff;
                }
                img {
                  width: 100%;
                  height: 100%;
                  vertical-align: middle;
                }
              }
              .goodsInfoText {
                float: left;
                width: 240px;
                height: 100%;
                margin-right: 40px;
                a {
                  overflow: hidden;
                  display: block;
                  width: 100%;
                  max-height: 100%;
                  line-height: 22px;
                  color: #333;
                  &:hover {
                    color: #ff8000;
                    text-decoration: underline;
                  }
                }
              }
              .isIncludeTax {
                float: left;
                width: 130px;
                height: 100%;
                color: #999;
              }
            }
            .unitPrice {
              font-weight: 700;
              color: #333;
            }
            .amount {
              font-weight: 700;
              color: #ff8000;
            }
            .handle {
              div {
                cursor: pointer;
                color: #333;
                &:hover {
                  color: #ff8000;
                  text-decoration: underline;
                }
              }
            }
            &.active {
              background-color: #fff8e1;
            }
          }
        }
      }
    }
    .cartTableFoot {
      height: 58px;
      .borderedBox {
        float: left;
        width: 1080px;
        height: 100%;
        border: 1px solid #e1e1e1;
        font-size: 12px;
        color: #666;
        .leftHandleBox {
          box-sizing: border-box;
          float: left;
          height: 100%;
          padding: 21px 12px;
          .checkAllText {
            float: left;
            height: 14px;
            .checkbox {
              float: left;
            }
            .text {
              display: inline-block;
              float: left;
              height: 14px;
              margin-left: 10px;
              line-height: 14px;
            }
          }
          .handleText {
            cursor: pointer;
            float: left;
            height: 14px;
            margin-left: 30px;
            line-height: 14px;
            &:hover {
              color: #ff8000;
              text-decoration: underline;
            }
          }
        }
        .rightHandleBox {
          box-sizing: border-box;
          float: right;
          height: 100%;
          padding: 17px 20px;
          font-size: 12px;
          .goodsCountText {
            float: left;
            height: 22px;
            margin-right: 30px;
            line-height: 22px;
            .number {
              color: #ff8000;
            }
          }
          .amountText {
            float: left;
            height: 20px;
            .text {
              display: inline-block;
              float: left;
              height: 22px;
              line-height: 22px;
            }
            .number {
              display: inline-block;
              float: left;
              height: 22px;
              line-height: 1;
              font-size: 22px;
              color: #ff8000;
            }
          }
        }
      }
      .settlementBtn {
        float: left;
        width: 120px;
        height: 100%;
        border: none;
        outline: none;
        background-color: #ff8000;
        font-size: 18px;
        color: #fff;
      }
    }
  }
}

.checkAll {
  width: 60px;
}
.goodsInfo {
  width: 548px;
}
.unitPrice {
  width: 155px;
}
.count {
  width: 145px;
}
.amount {
  width: 175px;
}
.handle {
  width: 115px;
}
